<%--
  Created by IntelliJ IDEA.
  User: 20459
  Date: 2023/3/16
  Time: 17:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="shortcut icon" href="#"/>
    <link rel="stylesheet" href="../css/goodslist.css"/>
    <link rel="stylesheet" href="iconfont/iconfont.css"/>
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/goodslist.js"></script>
    <script type="text/javascript" src="../../js/goodslist.js"></script>
    <link rel="stylesheet" href="../../css/thenlogin.css"/>
</head>
<body>
<div class="bbox">
    <!-- 头部 body部分 -->
    <div id="box">
        <!-- 遮罩层 -->
        <div id="zzc"></div>

        <div class="headNav">
            <div class="headNavRbox">
                <a href="">三星官网</a>
                <a href="">盖乐世社区</a>
                <a href="">三星商城VIP用户专属服务</a>
                <a href="">三星商城APP</a>
                <a href=""><span class="iconfont icon-dianhua" style="margin-right: 5px;"></span>400 011 8899</a>
            </div>
        </div>

        <div class="gnb_nav">
            <div class="gnb_nav_img gnb_nav_float">
                <a href=""><img src="img/global-samsung-logo1.png" /></a>
            </div>

            <div class="gnb_nav_center gnb_nav_float">
                <li>手机/平板</li>
                <li>手表/耳机</li>
                <li>电视/影视</li>
                <li>生活家电</li>
                <li>显示器/存储</li>
            </div>

            <div class="gnb_nav_righ">
                <input id="search" type="text" />
                <div class="searchtip"></div>
                <div onclick="search()" class="dosearch"><img src="img/dosearch.png" alt=""></div>
                <span class="iconfont icon-gouwuche" onclick='${sessionScope.user==null?"isnull()":"iscart()"}'></span>
                <c:if test="${user!=null}">
                    <div class="gwcnumber"><span class="gwcnumbertext">${cartcount}</span></div>
                </c:if>
                <li>${sessionScope.user==null?"<a href='/login' id='delu'>登录/注册</a>":"<img src='img/login.png' width=25 height=25 id='Login' onmouseover='Login()'>"}</li>
                <div id="levitation">
                    <div><a href="/MyOrdershas">我的订单</a></div>
                    <div><a href="/MyCollection">我的收藏</a></div>
                    <div><a href="/Myevaluation">我的评价</a></div>
                    <div><a href="/center">个人主页</a></div>
                    <div><a href="/Shippingaddress">收货地址</a></div>
                    <div><a href="/isnull">退出</a></div>
                </div>
            </div>

            <!-- 显示的盒子 -->
            <div id="show">
                <div id="show_conten_header">
                    <h1>手机/平板</h1><span id="cancelshow">×</span>
                </div>

                <div class="show_nav_conten">
                    <div class="showNavone">
                        <li class="newtuijian">新品推荐<span><img src="img/rightarrow.png" alt=""></span></li>
                        <c:forEach items="${selectxl}" var="xl">
                            <li  class="xlli" id="${xl.xid}">${xl.xname}<span><img src="img/rightarrow.png" alt=""></span></li>
                        </c:forEach>
                    </div>
                    <div class="showNavtwo">
                        <div class="showNavtwoson">
                            <c:forEach items="${newgoods}" var="n">
                                <li onclick="chuandetail(${n.sid},${n.lid})">${n.sname}<span>新</span></li>
                            </c:forEach>
                        </div>
                    </div>
                    <div class="showNavthree">
                        <div id="advertisebox">
                            <img src="img/advertisePhone.png" alt="">
                        </div>
                        <a>Galaxy S23系列</a><br />
                        <a id="lianjie">了解更多</a>
                    </div>
                </div>
            </div>

        </div>
    </div>



    <div class="searchresultpc-tiaojian" style="display: ${show==null?"none":"block"}">
        <div class="fenlei" style="margin-bottom: 20px"><span style="font-size: 20px;font-weight: bold">分类</span>
            <c:forEach items="${selectxl1}" var="xl">
                <c:choose>
                    <c:when test="${xl.xid==id}">
                        <span class="yclick" style="border: #2188fe 1px solid;color: #2188fe" id="${xl.xid}">${xl.xname}</span>
                    </c:when>
                    <c:otherwise>
                        <span class="yclick" id="${xl.xid}">${xl.xname}</span>
                    </c:otherwise>
                </c:choose>
            </c:forEach>
        </div>
        <div class="paixu"><span style="font-size: 20px;font-weight: bold;margin-right: 40px">筛选</span>￥<input class="lsprice" type="number">--￥<input class="rsprice" type="number"></div>
    </div>
    <div class="searchresultpc-header" style="display: ${show==null?"block":"none"}">
        <div class="searchresultpc-header-title">请输入搜索内容</div>
        <div class="searchresultpc-header-input">
            <input type="text" class="sh-input" value="${searchvalue}">
            <img src="img/delete-search.png" class="input-del">
        </div>
    </div>

    <div class="searchresultpc">
        <div class="searchresultpc-content">
            <c:choose>
                <c:when test="${searchnull==-1}">

                </c:when>
                <c:otherwise>
                    <div class="el-menu">
                        <span class="el-menu-text1">全部(${pager.total})</span>
                    </div>
                </c:otherwise>
            </c:choose>


            <div class="searchresultpc-content-container">
                <c:choose>
                    <c:when test="${searchnull==-1}">
                        <div class="sorry">
                            <div>抱歉，没有搜索到与 "${searchvalue}" 相关的商品</div>
                            <div>请检查您的输入是否有误</div>
                            <a href="/index">回到首页</a>
                        </div>

                    </c:when>
                    <c:otherwise>
                        <c:forEach items="${pager.data}" var="s">
                            <div class="phone_item">
                                <div class="phone_item_header">
                                    <span>新品</span>
                                    <span>免息</span>
                                    <span>买赠</span>
                                    <span>以旧换新</span>
                                </div>
                                <div class="Phone_item_container" style="text-align: center;">
                                    <img id="?sid=${s.sid}&lid=${s.lid}" class="imgbox" src="${s.url}" alt="" width="156px" height="168px" style="cursor: pointer;">
                                    <div class="Phone_item_switch">
									<span name="colors" type="radio" title="悠雾紫" class="BorderSwitch"
                                          style="cursor: pointer; background-color: rgb(212, 199, 217);"></span>
                                        <span name="colors" type="radio" title="悠远黑" class="BorderSwitch"
                                              style="cursor: pointer; background-color: rgb(33, 30, 22);"></span>
                                        <span name="colors" type="radio" title="悠野绿" class="BorderSwitch"
                                              style="cursor: pointer; background-color: rgb(95, 100, 90);"></span>
                                        <span name="colors" type="radio" title="悠柔白" class="BorderSwitch"
                                              style="cursor: pointer; background-color: rgb(240, 234, 224);"></span>
                                        <span name="colors" type="radio" title="远山灰" class="BorderSwitch"
                                              style="cursor: pointer; background-color: rgb(105, 108, 113);"></span>
                                        <span name="colors" type="radio" title="鲜棕绿" class="BorderSwitch"
                                              style="cursor: pointer; background-color: rgb(221, 228, 183);"></span>
                                    </div>
                                    <div class="Phone_item_name">
                                            ${s.sname}
                                    </div>
                                    <div class="Phone_item_money">
                                        ￥${s.sprice}
                                    </div>
                                </div>
                            </div>
                        </c:forEach>
                        <div class="searchresultpc-content-pagination">
<%--                            <c:choose>--%>
<%--                                <c:when test="${pager.pageCount==1}">--%>
<%--                                </c:when>--%>
<%--                                <c:otherwise>--%>
<%--                                    <span class="no-allow"><</span>--%>
<%--                                    <c:forEach var="x" begin="1" end="${pager.pageCount}" step="1">--%>
<%--                                        <span class="${x==1?"active":""}"  onclick="fenye(${x})">${x}</span>--%>
<%--                                    </c:forEach>--%>
<%--                                    <span class="${pager.pageNo==pager.pageCount?"no-allow":""}"  onclick="fenye(2)">></span>--%>
<%--                                </c:otherwise>--%>
<%--                            </c:choose>--%>
                        </div>
                    </c:otherwise>
                </c:choose>
            </div>

        </div>
    </div>





    <div id="baobox">
        <div>
            <div class="BOX2">
                <div class="BOX3">
                    <div class="BOX4">
                        <img src="img/icon-logistics.png">
                        <p>专业客服团队/提供当季优惠信息</p>
                    </div>
                    <div class="BOX5">
                        <img src="img/icon-seven.png">
                        <p>7天无理由退货15天换货(定制商品除外)</p>
                    </div>
                </div>

                <div class="BOX9">
                    <div class="BOX10">
                        <div class="BOX11">
                            <img src="img/icon-hand.png">
                            <span>官方正品请安心购买</span>
                        </div>
                        <div class="BOX12">
                            <img src="img/icon-phone.png">
                            <div>
                                <span>服务中心</span><br>
                                <span style="font-weight: 600;">400-011-8899(09:00~22:</span><br>
                                <span style="font-weight: 600;"> 00)</span>
                            </div>
                        </div>
                    </div>
                    <div class="BOX13">
                        <div >关注我们</div>
                        <img src="img/icon-app.png" style="margin-right:105px;">
                        <img src="img/icon-wb.png" style="margin-right:25px;">
                        <div style="display: flex;padding-left: 240px;width: 110px;">
                            <p>微博</p>
                            <p style="padding-left: 20px;">下载<p style="font-weight:600">APP</p></p>
                        </div>
                    </div>
                </div>
                <div class="BOX7">
                    <div>
                        <h4>产品</h4>
                        <p> <a href="">手机/平台</a></p>
                        <p>	<a href="">手表/耳机</a></p>
                        <p>	<a href="">电视/影音</a></p>
                        <p>	<a href="">生活家电</a> </p>
                        <p>	<a href="">显示器/存储</a></p>
                    </div>
                    <div style="margin-left: 56px;">
                        <h4>我的三星</h4>
                        <p> <a href="">我的订单</a></p>
                        <p>	<a href="">我的星钻</a></p>
                        <p>	<a href="">优惠券</a></p>
                        <p>	<a href="">个人地址</a> </p>
                        <p>	<a href="">收货地址</a></p>
                    </div>
                </div>
                <div class="BOX8">
                    <div style="height: 230px;">
                        <h4>产品</h4>
                        <p> <a href="">常见问题</a></p>
                        <p>	<a href="">三星商城账号</a></p>
                        <p>	<a href="">产品和订单</a></p>
                        <p>	<a href="">商品支付及发票</a> </p>
                        <p>	<a href="">三星专属管家服务</a></p>
                        <p>	<a href="">物流</a></p>
                        <p>	<a href="">售后服务</a></p>
                    </div>
                    <div style="margin-left: 50px;">
                        <h4>服务支持</h4>
                        <p> <a href="">关于商城</a></p>
                        <p>	<a href="">关于三星</a></p>
                        <p>	<a href="">售后网点查询</a></p>
                        <p>	<a href="">联系我们</a> </p>
                        <p>	<a href="">体验反馈➚ </a></p>
                    </div>
                </div>
            </div>
            <div class="BottomBox">
                <div>
                    <p style="padding-left: 50px;width: 100px;height: 20px;">隐私政策</p>
                    <p style="width: 100px;height: 20px;">用户协议</p>
                    <p style="width: 100px;height: 20px;">网站地图</p>
                    <p style="margin-left: 600px;width: 370px;">© 1995-2023 三星（中国）投资有限公司 版权所有</p>
                </div>
                <div>
                    <img src="img/icon-record.d0289dc0.png" style="margin-left: 50px;" width="20" height="20">
                    <p>京公网安备 11010502040099号</p>
                    <p style="padding-left: 20px;">京ICP备05068163号</p>
                    <img src="img/icon-gscord.c3e17e54.png" width="20" height="20">
                    <p>营业执照</p>
                    <p style="padding-left: 450px;">三星（中国）投资有限公司运营三星商城并销售产品</p>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>

